<template>
  <el-card>
    <el-button type="primary" @click="openForm" style="margin-bottom: 20px;">新增需求</el-button>
    <el-table :data="tableData" row-key="name">
      <el-table-column prop="department" label="需求来源部门" fixed />
      <el-table-column prop="name" label="客户名称" fixed />
      <el-table-column prop="industry" label="品牌所属行业" />
      <el-table-column prop="level" label="需求等级" />
      <el-table-column prop="platform" label="发布平台" />
      <el-table-column prop="budget" label="预算" />
      <el-table-column prop="number" label="需求数量" />
      <el-table-column prop="cooperation" label="是否合作信息流" />
      <el-table-column prop="sell" label="销售" />
      <el-table-column prop="medium" label="媒介" />
      <el-table-column prop="applicationTime" label="需求申请时间" />
      <el-table-column prop="feedbackTime" label="期望反馈时间" />
      <el-table-column prop="progress" label="目前进度" />
      <el-table-column prop="success" label="是否成单" />
      <el-table-column prop="price" label="成单金额" />
      <el-table-column prop="reason" label="未成单原因" />
      <el-table-column label="操作" />
    </el-table>
    <ModalForm v-model="visible" />
  </el-card>
</template>
<script lang="ts" setup>
import { ref } from "vue";
import ModalForm from "./components/ModalForm.vue";
const visible=ref(false)
const openForm=()=>{
    visible.value=true
}
const tableData = ref([
  {
    department: "巨量事业部",
    name: "戴可思",
    industry: "母婴用品",
    level: "A",
    platform: "微博",
    budget: "150w",
    number: 18,
    cooperation: false,
    sell: "祝逸辉",
    medium: "江佩",
    applicationTime: "2021-12-01",
    feedbackTime: "2021-12-03",
    progress: "已反馈",
    success: false,
    price: null,
    reason: "",
  },
  {
    department: "巨量事业部",
    name: "戴可思2",
    industry: "母婴用品",
    level: "A",
    platform: "微博",
    budget: "150w",
    number: 18,
    cooperation: false,
    sell: "祝逸辉",
    medium: "江佩",
    applicationTime: "2021-12-01",
    feedbackTime: "2021-12-03",
    progress: "已反馈",
    success: false,
    price: null,
    reason: "",
  },
  {
    department: "巨量事业部",
    name: "戴可思3",
    industry: "母婴用品",
    level: "A",
    platform: "微博",
    budget: "150w",
    number: 18,
    cooperation: false,
    sell: "祝逸辉",
    medium: "江佩",
    applicationTime: "2021-12-01",
    feedbackTime: "2021-12-03",
    progress: "已反馈",
    success: false,
    price: null,
    reason: "",
  },
  {
    department: "巨量事业部",
    name: "戴可思4",
    industry: "母婴用品",
    level: "A",
    platform: "微博",
    budget: "150w",
    number: 18,
    cooperation: false,
    sell: "祝逸辉",
    medium: "江佩",
    applicationTime: "2021-12-01",
    feedbackTime: "2021-12-03",
    progress: "已反馈",
    success: false,
    price: null,
    reason: "",
  },
  {
    department: "巨量事业部",
    name: "戴可思5",
    industry: "母婴用品",
    level: "A",
    platform: "微博",
    budget: "150w",
    number: 18,
    cooperation: false,
    sell: "祝逸辉",
    medium: "江佩",
    applicationTime: "2021-12-01",
    feedbackTime: "2021-12-03",
    progress: "已反馈",
    success: false,
    price: null,
    reason: "",
  },
]);

</script>
